.favorite-panel-layout{background-color:var(--secondary);border:1px solid var(--grey220);border-radius:8px;flex-direction:column;gap:15px;padding:20px;display:flex}.favorite-panel-layout>p:first-child{color:var(--primary);font-weight:700}.favorite-panel-layout .inner-layout{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=1200px){.favorite-panel-layout .inner-layout{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.favorite-panel-layout .inner-layout{grid-template-columns:repeat(1,1fr)}}.favorite-panel-layout .product-item{transition:all .5s}.favorite-panel-layout .product-item .delete-product{background-color:var(--secondary);border-radius:50%;padding:10px;font-size:20px;transition:all .5s}.favorite-panel-layout .product-item:hover{transform:scale(1.05)}.favorite-panel-layout .product-item:hover .delete-product{background-color:var(--white);color:#ff2056}.empty-favorite-layout{background-color:var(--secondary);border:1px solid var(--grey220);border-radius:8px;flex-direction:column;align-items:center;padding:20px;display:flex}.empty-favorite-layout .title{color:var(--primary);width:100%;font-weight:700}.empty-favorite-layout img{width:120px;height:auto}.empty-favorite-layout .text{text-align:center;font-size:14px}.product-item .product-top{position:relative}.product-item .favorite-btn{z-index:2;background-color:var(--white);border:1px solid var(--grey220);width:34px;height:34px;color:var(--grey100);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex;position:absolute;top:10px;left:10px}.product-item .favorite-btn:hover{color:#ff2056;border-color:#ff2056;transform:scale(1.1)}.product-item .favorite-btn.active{color:#ff2056;border-color:#ff2056}.product-item .favorite-btn.pending{opacity:.5;pointer-events:none}@media (width<=992px){.favorite-panel-layout .product-item .delete-product{opacity:1;visibility:visible}}.header-favorite p{white-space:nowrap}